草庐IT

HTML & CSS 设计原则

全部标签

javascript - 使用 jQuery 更改 CSS 规则定义

假设您要更改许多元素的宽度,例如模拟表格。我知道你可以这样做:$(".class").css('width','421px');这改变了内联style='width:421px;'每个元素的属性。现在,我想做的是:更改实际的CSS规则定义:.class{width:375px;==[changeto]==>421px;}当涉及到100甚至1000的嵌套时和需要更改,这似乎比让jQuery通过.css()来完成工作更能提高性能。方法。我找到了thisexample-这就是我想要做的:varstyle=$('.class{width:421px;}')$('html>head').appe

javascript - 强调 throttle +确保最后一次通话

Underscore提供了方法,throttle。来自他们的文档:创建并返回所传递函数的新的throttle版本,当重复调用时,每等待毫秒最多只会实际调用一次原始函数。对于发生速度快于您无法跟上的速率限制事件很有用。现在想象一下自动完成表单的情况。这意味着,如果在100毫秒窗口内键入“abc”,则只会发送对“a”的搜索,而不是“bc”。这是对underscore.js的严重疏忽吗?作为干净的解决方案,您会建议什么? 最佳答案 对于此用例,您可能希望使用以下“缓冲”函数,它将仅应用等待窗口中的最后一次调用。https://gist.g

javascript - underscore.js 和 backbone.js 的外部 html 模板

我可以将我的模板放在单独的.html文件中,然后在我的index.html中引用它们吗?索引.html:项目列表-tmpl.html:我试过了,但问题是它没有在index.html上显示模板,但它加载在正确的位置(使用Firebug查看)更新找到了一个可能的解决方案,但不推荐用于生产环境。 最佳答案 从http://coenraets.org/blog/2012/01/backbone-js-lessons-learned-and-improved-sample-app/#comment-35324得到这个为此创建一个单独的js文件

javascript - 使用 JSONP 时出现 "invalid label"?

我的JSONP请求有问题..数据不会显示,Firebug显示“无效标签”错误..我的JavaScript:$.ajax({url:link,dataType:"jsonp",beforeSend:function(xhr){varbase64=btoa(username+":"+password);xhr.setRequestHeader("Authorization","Basic"+base64);xhr.overrideMimeType("application/json");},jsonpCallback:"getResources"})functiongetResources

javascript - 如果将前端代码分组有助于减少请求,为什么不将更多网站写在一个 html 文档上?

我想我想问的是,如果将JavaScript分组被认为是一种好的做法,为什么没有更多的网站将JavaScript和CSS直接放入一个HTML文档中? 最佳答案 whydon'tmorewebsitesplacetheJavaScriptandCSSdirectlyintooneHTMLdocument单个文件缓存。外部文件具有被缓存的优势。由于脚本和样式很少更改(静态)和/或在页面之间共享,因此最好将它们与页面分开,使页面更轻便。与其下载500kb的嵌入JS和CSS的页面数据,为什么不加载5kb的页面,并从缓存中加载495kb的JS和

javascript - Firefox 中的 "Not defined"javascript 错误

我是JS的新手,我知道我的脚本可能很糟糕,但在Safari和Chrome中一切正常,只是在Firefox中不行。除其他外,我调用了两个函数来隐藏和显示自定义Quicktime电影Controller,方法是在其顶部放置一个“mask”(我知道切换将是更优雅的解决方案,但我不能获得这样的功能以我想要的方式工作)。无论如何,这就是Javascript的样子:functionrevealControls(){document.getElementById("controlsCover");controlsCover.style.display="none"}functionhideContr

javascript - Uglify-JS 错误 : Unexpected character '' when concatenating then minifying select2

我正在连接select2像这样到我的其他javascript文件:catscripts/jquery-timeago.jsscripts/jquery-autosize.jsscripts/select2.js>public/vendors.jsuglifyjs-nc-opublic/vendors.min.jspublic/vendors.js但是,我发现了一个问题,即只有在连接之后才会在select2之前添加一个空白字符,这会导致UglifyJS中出现解析错误。如果我转到连接文件中select2开始的位置并按退格键,则会删除一个空字符并且缩小工作正常。这是怎么回事?我该如何解决这个

javascript - 在页面 'www.foo.com' 上,从 'www.example.com' 加载的脚本可以向 'www.example.com' 发送 ajax 请求吗?

这是否受跨源策略限制? 最佳答案 你不能。您只能向www.foo.com发送请求。 关于javascript-在页面'www.foo.com'上,从'www.example.com'加载的脚本可以向'www.example.com'发送ajax请求吗?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/11773903/

javascript - 如何在不使用 css 转换的情况下将 jQuery animate 与 css3 属性结合起来?

在这个例子中;我正在尝试使用css3旋转属性创建一个jQuery动画。我可以用css3transition和jQuerycss()来管理这个动画,但我想用jQueryanimate()来根据旋转deg值来做这个到我的jQuery变体。是否可以在jQuery1.8.0中使用带有css3属性值的动画?HereisjsFiddletoinspect.jQuery:varrotateVal=90;//thismethodisn'tworking$('.red').animate({'transform':'rotate('+rotateVal+'deg)'},500);//thiswaywor

javascript - Jquery - 选择器 $(<div>) 和 $(<div/>) 的区别

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。追加到元素上有什么区别$('#my_parent_element').append('');​或$('#my_parent_element').append($(''));​和$('#my_parent_element').append('');​或$('#my_parent_element').append($(''));​这个斜杠/的目的是什么。用$